<!DOCTYPE html>
<html lang="zh" xml:lang="zh">
<head>
    <meta charset='utf-8'>
    <title>Map-Frame</title>
    <script type='text/javascript' src="../../ref/jquery-3.2.1.min.js"></script>
    <script type='text/javascript' src="../../ref/echarts.min.js"></script>
    <link rel="stylesheet" type="text/css" href="Frame.css">

</head>
<body>
<div id="_0a">
    <div class="_nav1 _nav2">
        <div id="_back"></div>
    </div>
    <div class="_nav1 _nav3">
        <span id="_name">City</span>
    </div>
    <div class="_nav1 _nav2">
        <div id="_home"></div>
    </div>
</div>
<div id="_0b">
    <!--天气-->
    <div id="_1a">
    </div>
    <!--污染物浓度-->
    <div id="_2a">
        <div class="_20px"></div>
        <div class="_title"><span>污染物浓度</span></div>
        <div id="_2a1">
            <div class="dataBlock">
                <p>PM2.5</p>
                <p id="_c1">21</p>
                <div class="bar">
                    <div id="_c_1" class="barData"></div>
                </div>
            </div>

            <div class="dataBlock">
                <p>PM10</p>
                <p id="_c2">0</p>
                <div class="bar">
                    <div id="_c_2" class="barData"></div>
                </div>
            </div>

            <div class="dataBlock">
                <p>SO2</p>
                <p id="_c3">0</p>
                <div class="bar">
                    <div id="_c_3" class="barData"></div>
                </div>
            </div>

            <div class="dataBlock">
                <p>NO2</p>
                <p id="_c4">0</p>
                <div class="bar">
                    <div id="_c_4" class="barData"></div>
                </div>
            </div>

            <div class="dataBlock">
                <p>CO</p>
                <p id="_c5">0</p>
                <div class="bar">
                    <div id="_c_5" class="barData"></div>
                </div>
            </div>

            <div class="dataBlock">
                <p>O3</p>
                <p id="_c6">0</p>
                <div class="bar">
                    <div id="_c_6" class="barData"></div>
                </div>
            </div>

        </div>
        <br/>
        <div id="_2a2">单位：μg/m³（co为mg/m³）</div>
    </div>
    <!--站点数据-->
    <div id="_3a">
        <div class="_20px"></div>
        <div class="_title"><span>站点数据</span></div>
        <div id="_3a1">
            <select class="selectstyle">
                <option>国控站点</option>
                <option>省控站点</option>
            </select>
        </div>
        <div id="_3a2">
            <table class="table">
                <tr>
                    <td>序号</td>
                    <td>监测点</td>
                    <td>AQI</td>
                    <td>综指</td>
                    <td>PM2.5</td>
                    <td>PM10</td>
                    <td>O3</td>
                </tr>
                <tbody class="tableData"></tbody>
            </table>
        </div>
    </div>
    <!--AQI变化趋势-->
    <div id="_5a">
        <div class="_20px"></div>
        <div class="_title"><span>AQI日变化	</span></div>
        <div id="echart2"></div>
    </div>
</div>
<script type='text/javascript' src="Frame.js"></script>

</body>
</html>
		